@font-face {
    font-family: 'iconfont';
    src: url("../font/iconfont.eot");
    src: url("../font/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg");
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
 
 
 // 顶部部分开始
 header {
     height: 50px;
     padding: 0 15px;
     background-color: rgb(255, 132, 29);
     display: flex;
     justify-content: space-between;
     align-items: center;
     .mm_logo{
        width: 185px;
        height: 25px;
        font-size: 0;
        background-image: url('../images/mmm_logo.png');
        background-repeat: no-repeat;
        background-size: 185px 25px;
     }
     .mm_app{
         height: 34px;
         width: 34px;
         background-image: url('../images/APP1.png');
         background-size: 34px 34px;
     }
 }
 // 顶部部分结束

 // 搜索部分开始
.search {
    position: relative;
    padding: 10px 10px 0;
    height: 50px;
    width: 100%;
   border: 1px solid rgb(230, 230, 230);
    input{
        height: 30px;
        width: 99%;
        background-color: rgb(241, 241, 241);
        border-radius: 15px;
        text-indent: 15px;
        font-size: 16px;
    }
    button{
        position: absolute;
        top: 10px;
        right: 10px;
        height: 30px;
        width: 60px;
        border: none;
        outline: none;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        border-radius: 15px;
        background-color: rgb(255, 132, 29);
        color: #fff;
    }
}
 // 搜索部分结束

 // 菜单栏开始
 nav{
     padding-top: 20px;
     .nav_show{
         display: flex;
         flex-wrap: wrap;
         li{
             padding: 10px 0;
             display: flex;
             justify-content: center;
             align-items: center;
             width: 25%;
             a{
                 display: flex;
                 flex-direction: column;
                 align-items: center;
                 justify-content: center;
                 img{
                     width: 50%;
                 }
                 p{
                     padding-top: 5px;
                     font-size: 14px;
                 }
             }
         }
         .hide{
             display: none;
         }
     }
 }
 // 菜单栏结束

// 超值折扣部分开始
.discount{
    width: 100%;
    .discount_tit{
        padding: 0 15px;
        height: 40px;
        color: #fff;
        background-color: rgb(255, 132, 29);
        display: flex;
        align-items: center;
        justify-content: space-between;
        strong{
            font-size: 18px;
        }
        i{
            font-size: 22px;
        }
    }
   .discount_cont{
       ul{
           li{
               padding-bottom: 10px;
               display: flex;
               border-bottom: 1px solid rgb(124, 124, 124); 
               .discount_img{
                   padding: 0 5px;
                   width: 100px;
                   display: flex;
                   justify-content: center;
                   align-items: center;
               }
               .discount_cont_text{
                   padding: 0 10px;
                   display: flex;
                   flex-direction: column;
                   flex: 1;
                   font-size: 18px;
                   .discount_cont_bar{
                       padding-top: 15px;
                       height: 120px;
                       span{
                           color: rgb(255, 132, 29);
                       }
                   }
                   .discount_cont_comm{
                       display: flex;
                       justify-content: space-between;
                       color: rgb(156, 156, 156);
                       font-size: 14px;
                   }
               }
           }
       }
   }
   .discount_more{
       height: 50px;
       display: flex;
       padding: 10px 30px;
       a{
           height: 30px;
           width: 100%;
           display: flex;
           align-items: center;
           justify-content: center;
           background-color: rgb(248, 247, 247);
           border: 1px solid rgb(216, 215, 215);
           border-radius: 4px;
       }
   }
}
// 超值折扣部分结束



 // 底部部分开始
 footer{
     background-color: rgb(239, 239, 239);
     .foot_tit{
         padding: 0 15px;
         height: 40px;
         background-color: rgb(255, 132, 29);
         font-size: 20px;
         color: #fff;
         display: flex;
         justify-content: space-between;
         align-items: center;
         i{
             font-size: 22px;
             font-weight: normal;
         }
     }
     .foot_user{
         margin: 30px 0 15px 0;
         display: flex;
         font-size: 18px;
         align-items: center;
         border-top: 1px solid #ccc;
         border-bottom: 1px solid #ccc;
         a{
            flex: 1;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }
        .foot_register{
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }
        .foot_return{
            i{
                font-size: 22px;
                color: rgb(116, 116, 116);
            }
        }
     }
     .foot_text{
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         .text_box{
             span:nth-child(1){
                 color: red;
             }
             span:nth-child(2){
                color: rgb(39, 39, 39);
            }
            span:nth-child(3){
                color: rgb(92, 91, 91);
            }
         }
         p{
            color: rgb(92, 91, 91); 
            margin-bottom: 15px; 
         }
     }
 }
 // 底部部分结束